<template>
  <div>
    <div class="imgList">
      <div v-for="item in imgList" :key="item.manageShopId">
        <img :src="item" alt="" />
      </div>
    </div>
    <div>
      {{}}
    </div>

    <!-- <web-view src="https://mw-hkt.oss-accelerate.aliyuncs.com/good/detail/5648d7fb4f1ea9a69fd10fccacd7d007/6338.html"></web-view> -->
  </div>
</template>

<script>
import { getDetail } from "../../service/detail";
export default {
  data() {
    return {
      id: "",
      imgList: [],
      data:{}
    };
  },
  created() {},
  onLoad(options) {
    if (options.id) {
      this.id = options.id;
    }
  },
  methods: {
    async getdetail(id) {
      const result = await getDetail(id);
      console.log(result, "222");
      this.data=result.data
      this.imgList = result.data.shopInfo.banner;
    },
  },
  onShow() {
    this.getdetail(this.id);
    //  var pages= getCurrentPages()
    //  var currentPage=pages[pages.length-1]
    //  var url=currentPage.route
    //  var options=currentPage.options
    //  console.log(pages,currentPage,url,options)
  },
};
</script>

<style lang='scss' scoped>
.imgList{
    width: 100%;
    display: flex;
    justify-content:left;
    flex-shrink: 1;
    white-space: nowrap;
    overflow-x: auto;
    padding: 10rpx 10rpx;
    &::-webkit-scrollbar{
    display:none;
  }
    div{
 
 img{
     width: 720rpx;
     margin-right: 10rpx;
     border-radius: 14rpx;
     height: 400rpx;
   }
  
    }
  
}
</style>